html,
body {
  width: 100%; }

* {
  box-sizing: content-box;
  margin: 0 auto; }

a {
  text-decoration: none; }

.w {
  width: 1200px;
  margin: 0 auto; }

img {
  vertical-align: top; }

li {
  list-style: none; }

.head {
  font-size: 16px;
  color: #555;
  background-color: #a19999;
  padding: 5px 0; }
  .head .head-top {
    display: flex;
    width: 1200px;
    margin: 0 auto;
    justify-content: space-between; }
    .head .head-top ul li a {
      color: #666;
      padding: 0 15px;
      border-right: 1px solid #ccc; }
      .head .head-top ul li a:last-child {
        color: red;
        border: none; }
  .head .w {
    display: flex;
    justify-content: space-between; }
  .head .search {
    margin-right: 50px;
    line-height: 70px; }
  .head input {
    height: 30px;
    border: none;
    vertical-align: middle;
    width: 50px;
    border: 1px solid #ccc;
    outline: none; }
    .head input #txt1 {
      width: 200px;
      text-indent: 1em;
      outline: none; }
    .head input #sea {
      cursor: pointer;
      padding: 0 10px; }

.nav .w {
  display: flex;
  justify-content: space-between; }

.nav ol {
  display: flex;
  justify-content: space-between; }
  .nav ol li a {
    padding: 0 20px;
    color: #fff; }
    .nav ol li a:hover {
      color: red; }

.nav .book {
  margin-left: 30px;
  font-size: 20px; }
